import { useState } from "react"
import DemoStateChild from '../01.保存状态/child.Jsx'
const DemoState=()=>{
    const [count,setState]=useState(0)
    const[userinfo,setUserinfo]=useState({
        name:'lisi',
        age:16,
        email:'lisi@qq.com'
    })
    const handleCount=()=>{
        setState(()=>{
            if(count<5){
                return count+1
            }
            return count+5
        })
    }
    // state为引用类型
    const updateUserInfo=()=>{
        setUserinfo(()=>{
            return{
                ...userinfo,
                email:'lisi@163.com'
            }
        })
    }
    return(<>
        <h3>修改state</h3>
        count:{count}
        <button onClick={handleCount}>count++</button><br/>
        <h2>3. 如果状态不是一个基本类型，而是一个引用类型，使用函数式更新结合扩展运算符</h2>
        用户信息<br/>
        用户名：{userinfo.name}
        邮箱：{userinfo.email}
        年龄：{userinfo.age}
        <button onClick={updateUserInfo}>更新email</button>
        <h2>4.改变state的初始值</h2>
        {/* <DemoStateChild initCount={100}/> */}
    </>)
}
export default DemoState;